<template>
  <div class="box">
    <div class="top">
      <v-alchemyNav></v-alchemyNav>
    </div>
    <div class="assets">
      <ul>
        <li>
          <p>当前账号:</p>
          <input type="text" v-model='phone' readonly>
        </li>
        <!--<li>
          <p>性别:</p>
          <input type="text" value="男">
        </li>-->
        <li>
          <p>姓名:</p>
          <input type="text" v-model='name'>
        </li>
        <!-- <li><p>年龄:</p>
            <input type="text" placeholder="请输入年龄">
          </li> -->
      </ul>
    </div>
  </div>
</template>

<script>
import alchemyNav from "../alchemyNav";
export default {
  data() {
    return {
      phone: u.getStore("user").userid || "13812813888",
      name: u.getStore("user").name || "未登录",
      gametype: u.getStore("winning").bitype
    };
  },
  components: {
    "v-alchemyNav": alchemyNav
  },
  mounted() {
    this.$parent.flag1 = false;
    this.$parent.flag2 = true;
  }
};
</script>

<style lang="less" scoped>
html,
body {
  width: 100%;
  height: 100%;
}
.box {
  padding: 0 34px;
  width: 100vw;
  height: 100vh;
  background: url("../../../static/image/danbg2.png") no-repeat;
  background-size: 100% 100%;
  background-position-y: -32px;
  padding: 30px 34px 50px 32px;
  .top {
    margin: 20px 0;
  }
  .tap {
    width: 95% !important;
  }
  .assets {
    background: url("../../../static/image/soldbg.png") no-repeat;
    background-size: 100% 100%;
    width: 684px;
    height: 1104px;
    padding-left: 28px;
    padding-top: 72px;
    ul {
      li {
        padding-left: 25px;
        display: flex;
        align-items: center;
        width: 93%;
        height: 82px;
        background: url("../../../static/image/notice_1.png") no-repeat;
        background-size: 100% 100%;
        margin-bottom: 45px;
        color: #ffffff;
        font-size: 34px;
        p {
          width: 154px;
          text-shadow: 0 2.5px #3a230a, 2px 0 #3a230a, -2px 0 #3a230a,
            0 -2px #3a230a;
        }
        input {
          background-color: transparent;
          margin-left: 10px;
          // text-shadow: 2px 3px 2px #000000;
          text-shadow: 0 2.5px #000000, 2px 0 #000000, -2px 0 #000000,
            0 -2px #000000;
        }
      }
      & > li:last-child {
        height: 76px;
        background: url(../../../static/image/z_9.png) no-repeat;
        input {
          // text-shadow: 0 0 0 #000;
          text-shadow: 0 2.5px #000000, 2px 0 #000000, -2px 0 #000000,
            0 -2px #000000;
        }
      }
    }
  }
}
</style>
